<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>天祥瑞饲料</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" id="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<link href="./css/distribute.css" rel="stylesheet" type="text/css">
<link href="./css/reset.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<style>
	.MpToDistributeKnow{
		width: 92%;
		border: 0.0625rem solid #FDFAFA;
		box-shadow: 0.0625rem 0.0625rem 0.0625rem #EFEFEF;
		padding: 1rem 1rem;
		margin: 1rem auto
	}
	.myList{
		padding: 0 1rem;
	}
	.myList li{
		margin:0.625rem 0 0 0;
		display: block;
		position: relative;
		border: 1px solid #ddd;
		padding: 0.625rem;
	}
	.angleIcon{
		width: 8px;
		height: 14px;
		display: inline-block;
		position: absolute;
		top: 18px;
		right: 10px;
		background: url(../../../../static/image/arr.png) no-repeat;
		background-size: 8px 14px;
	}
	.ems{
		display: inline-block;
		/* float: left; */
		width: 30px;
		height: 30px;
		font-style: normal;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		background: #FF2D33;
		margin-right: 5px;
		border-radius: 3px;
		margin-left: 1rem;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.TopTab p{
		color: red;
		font-size: 1.25rem;
		line-height: 3.25rem;
		text-align: center;
	}
</style>
</head>
<body>
	<div>
		<div class="TopTab">
			<p>分销中心</p>
            <span style="position: fixed; right: 4%; top: 13px;" onclick="myDis()">我的店铺</span>
		</div><!-- 顶部栏 -->
		<div class="headPortraitBG" style="background-image:url(static/wap/MPMemberCenter/bgbg.png); background-size: cover;">
			<div id="headPortrait">
				<div class="headPortrait_inenr">
					<div class="headPortraitImg" style="width:8rem;height:8rem;overflow: hidden;border-radius:50%;">
						<img style="width:100%" src="" alt="">
					</div>
				</div>
			</div><!-- 头像 -->
			<p class="personalName" ></p><!-- 会员名称 -->
		</div>
		<div class="MpToDistributeKnow" style="margin-top:1rem;">
			<h5>【<span>分销信息</span>】</h5>
			<p class="name"></p>
			<p class="url"></p>
			<p class="Grade"></p>
			<p class="subordinate">下级总数：</p>
			<p ></p>
		</div>
		<!-- <img class="MpToDistributeKnowImage" src="static/wap/fenxiao1.png" alt=""> -->
		<div class="myList">
			<ul>
				<li><em class="ems">单</em>我的分销订单<i class="angleIcon"></i></li>
				<li><em class="ems">推</em>推广链接<i class="angleIcon"></i></li>
				<li><em class="ems">推</em>推广二维码<i class="angleIcon"></i></li>
			</ul>
		</div>
		<div class="MpToDistributeBottomTab">
			<button type="button" onclick="javascript:location.href='index.jsp'">返回首页</button>
		</div><!--底部栏 -->
	</div>
	<script type="text/javascript">
		$.post("selectopenidFindSize.do",function(data){
			$(".name").html("<span style=\"color: #FF2D33;\" >● </span>店铺名称："+data.data.name)
			$(".url").html("<span style=\"color: #FF2D33;\" >● </span>店铺地址：<br>"+"<a style=\"color: #DCA522;font-size: 0.35rem;\" href="+data.data.url+">"+data.data.url+"</a>")
			$(".Grade").html("<span style=\"color: #FF2D33;\" >● </span>分销等级："+data.data.Grade)
			$(".subordinate").html("<span style=\"color: #FF2D33;\" >● </span>下级总数："+data.data.subordinate)
		},"json")
	</script>
</body>
</html>